<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/shopping_cart.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../libs/icon-font/iconfont.css">
</head>
<body>
    <header></header>
    <main>
        <div class="main-con">
            <div class="hd">
                <div class="youhuiquan-left">
                    <i></i>
                    <span>购物车可领优惠券</span>
                </div>
                <div class="youhuiquan-right">
                    <span>领券</span>
                    <i class="iconfont icon-xialajiantouxiao"></i>
                </div>
            </div>
            <div class="cartbody">
                <div class="quanxuan">
                    <div class="tt">
                        <div class="w1">
                            <div class="checkbox"></div>
                        </div>
                        <div class="w2">商品信息</div>
                        <div class="w3">单价</div>
                        <div class="w4">数量</div>
                        <div class="w5">小计</div>
                        <div class="w6">操作</div>
                    </div>
                    <div class="shopbody">
                        <div class="cart_grou group1">
                            <div class="huangou">
                                <div class="huangou1">
                                    <span class="span1">全场换购</span>
                                    <span class="span2">再购11.3元享超值换购</span>
                                    <a href="" class="a1">查看换购</a>
                                    <a href="" class="a2">继续凑单>></a>
                                </div>
                            </div>
                        </div>
                        <!-- 渲染区域 -->
                    </div>
                </div>
            </div>
            <div class="total">
                <div class="allcheck">
                    <input type="checkbox"  class="allcheckbox">
                    <span>全选</span>
                    <span class="dlAll">批量删除</span>
                    <span>清除失效商品</span>
                </div>
                <div class="total_num">
                    <span class="sp1">应付总额：</span>
                    <span class="sp2">￥</span>
                    <span class="sp3 allprice"></span>
                    <a href="">自营仓商品，全场包邮！送货到家！></a>
                </div>
                <div class="settle">
                    <button>下单</button>
                </div>
            </div>
        </div>
    </main>
    <footer></footer>
    <script src="../libs/require.js" data-main="../js/require_shop"></script>
</body>
</html>